.container {
  height: 100%;
  position: relative;
  .home-top {
    display: flex;
    padding: 5px 0;
    width: 100%;
    height: 63px;
    .top-item {
      flex: 1;
      text-align: center;
      border-right: 1px solid #f5f5f5;
      &:nth-last-child(1) {
        border-right: none;
      }
      .title {
        margin-bottom: 5px;
      }
    }
  }
  .center-container {
    border-top: 10px solid #eee;
    position: absolute;
    top: 63px;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    .left-right-item {
      flex: 0 0 170px;
      overflow: auto;
      .left-item {
        border-bottom: 10px solid #eee;
        &:nth-last-child(1) {
          border-bottom: none;
        }
        .title {
          text-align: center;
          line-height: 40px;
          border-bottom: 1px solid #f5f5f5;
          span {
            margin-left: 5px;
          }
        }
        .item-data-list {
          padding: 10px;
          .check-class span {
            font-size: 12px;
            color: #333;
          }
          .item-data span {
            float: right;
          }
        }
        &:nth-child(1) .iconfont {
          color: #0098ff;
        }
        &:nth-child(2) .iconfont {
          color: #1dc789;
        }
        &:nth-child(3) .iconfont {
          color: #ff5858;
        }
      }
    }
    .center-map {
      flex: 1;
      border-left: 10px solid #eee;
      border-right: 10px solid #eeee;
    }
  }
}
